<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
<link type="text/css" href="<%=basePath%>/css/oss/iot/app_status.css?<%=v%>" rel="stylesheet"/>
</head>
<body>
	<div>
		
		<!--  下方部位  -->
		<div style="background: #ecf0f5;">
			<div class="mapContainer" >
				<div class="app-container">
					<div class="container-layout sceneList-info">
						
				        <div class="line-big">
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-1"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Total number of created items</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.sceneNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-2"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Number of access devices</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.onlineNum+info.offlineNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-3"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Sensing data point</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.sensorNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-4"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Flip-flop number</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.triggerNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            
				        </div>
				        
				        <div class="line-big">
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-5"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Number of subaccount users</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.subUserNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-6"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Device failure rate</span>
				                    	<p class="mt-10">
				                    		<span class="num">
				                    		<c:if test="${info.onlineNum+info.offlineNum>0 }">
				                    			<fmt:formatNumber value="${info.offlineNum/(info.onlineNum+info.offlineNum) }" type="percent"/>
				                    		</c:if>
				                    		<c:if test="${info.onlineNum+info.offlineNum==0 }">
				                    			0
				                    		</c:if>
				                    		</span>
				                    		
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-7"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Number of offline devices</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.offlineNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				            <div class="x3">
				            	<div class="info-box">
				            		<a href="">
				                        <span class="info-box-icon">
				                          <i class="icon-device-8"></i>
				                        </span>
				                    </a>
				                    <div>
				                    	<span class="intro">Number of alerts/processed today</span>
				                    	<p class="mt-10">
				                    		<span class="num">${info.solveNum+info.unsolveNum }/${info.solveNum }</span>
				                    	</p>
				                    </div>
				            	</div>
				            </div>
				        </div>
				        
					</div>
					
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">

</script>
</html>